// JavaScript Document

//单击图片列表
function showPic(num) {
	// 将所有的li样式赋值为空
	var objUl = FulS();
	for (var i = 0; i < objUl.length; i++) {
		objUl[i].className = "";
	}

	// 对单击的进行样式应用
	FliS(num).className = "tsSelectImg";

	// 得到单击后的图片值
	var src = Fpic(num).getAttribute("tsImgS");

	// 进行赋值
	var Objimg = FimgS();

	Objimg.src = Fpic(num).src;

	document.getElementById("tsImgS").getElementsByTagName("a")[0].href = src;

	// 图片等比例
	tsScrollResize();

	// 设置导航
	tsScrollDh(num);

	// 滚动图片定位
	FulSs().style.marginLeft = "-"
			+ (tsNum() * tsRowNum() * FliS(0).offsetWidth) + "px";

}
// 上一页
function tsScrollArrLeft() {
	if (tsNum() + 1 > 1) {
		// 设置导航
		tsScrollDh((tsNum() - 1) * tsRowNum());

		// 滚动图片定位
		FulSs().style.marginLeft = "-" + (tsNum()) * tsRowNum()
				* FliS(0).offsetWidth + "px";

	}
}

// 下一页
function tsScrollArrRight() {
	if (tsNum() + 2 <= tsRowCount()) {
		// 设置导航
		tsScrollDh((tsNum() + 1) * tsRowNum());
		// 滚动图片定位
		FulSs().style.marginLeft = "-" + (tsNum()) * tsRowNum()
				* FliS(0).offsetWidth + "px";

	}
}

// 设置导航,如果不对上面的Img进行操作,那么imgno就要有参数进来
function tsScrollDh(i) {
	// 设置上一页导航
	document.getElementById("tsImgSArrL").setAttribute("showPicNum", i);

	// 设置下一页导航
	document.getElementById("tsImgSArrR").setAttribute("showPicNum", i);

}

function tsScrollResize() {
	var maxWidth = 320;
	var maxHeight = 320;

	var myimg = FimgS();

	var imgNew = new Image();
	imgNew.src = myimg.src;

	// 将myimg存起来，相当于一个参数，不然异步的时候执行太快，一直是最后一张图
	imgNew.preImg = myimg;

	// 这个是为了防遨游等浏览器，图片宽、高加为0执行
	if (imgNew.width == 0 || imgNew.height == 0) {
		imgNew.onload = function() {
			tsScrollResizeHd(this, maxWidth, maxHeight, this.preImg);
		};
	} else {
		tsScrollResizeHd(imgNew, maxWidth, maxHeight, myimg);
	}

}

function tsScrollResizeHd(imgNew, maxWidth, maxHeight, myimg) {
	var hRatio;
	var wRatio;
	var Ratio = 1;
	var w = imgNew.width;
	var h = imgNew.height;
	wRatio = maxWidth / w;
	hRatio = maxHeight / h;
	if (maxWidth == 0 && maxHeight == 0) {
		Ratio = 1;
	} else if (maxWidth == 0) {
		if (hRatio < 1)
			Ratio = hRatio;
	} else if (maxHeight == 0) {
		if (wRatio < 1)
			Ratio = wRatio;
	} else if (wRatio < 1 || hRatio < 1) {
		Ratio = (wRatio <= hRatio ? wRatio : hRatio);
	}
	if (Ratio < 1) {

		w = w * Ratio;
		h = h * Ratio;
	}

	if (h % 2 != 0) {
		h = h - 1;
	}

	myimg.height = h;
	myimg.width = w;

	var tsImgsBox = document.getElementById("tsImgS");
	if (myimg.height < 320) {
		var TopBottom = (320 - myimg.height) / 2;
		tsImgsBox.style.paddingTop = TopBottom + "px";
		tsImgsBox.style.paddingBottom = TopBottom + "px";
	} else {
		tsImgsBox.style.paddingTop = "0px";
		tsImgsBox.style.paddingBottom = "0px";
	}
}

// 一行显示几个
function tsRowNum() {
	return document.getElementById("tsImgSCon").offsetWidth
			/ FliS(0).offsetWidth;
}

// 第几行 从0开始
function tsNum() {
	return Math.floor(document.getElementById("tsImgSArrL").getAttribute(
			"showPicNum")
			/ tsRowNum());
}
// 共几行
function tsRowCount() {
	return Math.ceil(FulS().length / tsRowNum());
}

// 返回图片对象
function Fpic(i) {
	var tsImgSCon = document.getElementById("tsImgSCon").getElementsByTagName(
			"li");
	return src = tsImgSCon.item(i).getElementsByTagName("img")[0];
}
// 返回li对象
function FliS(i) {
	return document.getElementById("tsImgSCon").getElementsByTagName("li")[i];
}

// 返回图片列表对象
function FulS() {
	return document.getElementById("tsImgSCon").getElementsByTagName("li");
}
// 查找最大的图
function FimgS() {
	return document.getElementById("tsImgS").getElementsByTagName("img")[0];
}
// 查找Ul对象
function FulSs() {
	return document.getElementById("tsImgSCon").getElementsByTagName("ul")[0];
}

// 图片集外面的DIV宽
document.getElementById("tsImgSCon").style.width = FliS(0).offsetWidth * 4
		+ "px";

// Ul宽
FulSs().style.width = FliS(0).offsetWidth * FulS().length + "px";

// 图片等比例
tsScrollResize();